import React, { Component } from 'react';
import Nav from '@/components/common/nav'
import { Carousel } from 'antd';
import './huodong.scss';
import HuodongPicture from './huodongpicture'
class App extends Component {
  render() {
    return (
      <div style={{width:'auto',height:'auto'}}>
          <div className='container'> 
            <Nav />
          </div>
          <div className="huodongNav">
                    <ul>
                        <li>热门活动</li>
                        <li>北京</li>
                        <li>上海</li>
                        <li>广州</li>
                        <li>深圳</li>
                        <li>其他</li>
                    </ul>
                </div>

        <div className='huodongSection' style={{width:'960px',height:'auto',float:'left'}}>
          <Carousel autoplay>
            <div><img src ='http://wimg.huodongxing.com/logo/201812/6472566351000/603281711560227_v2.jpg@!wmlogo' alt='' /></div>
            <div><img src ='http://wimg.huodongxing.com/logo/201812/6472566351000/603281711560227_v2.jpg@!wmlogo' alt='' /></div>
            <div><img src ='http://wimg.huodongxing.com/logo/201812/5472418543311/833289962546447_v2.jpg@!wmlogo' alt='' /></div>
            <div><img src ='http://wimg.huodongxing.com/logo/201812/5472992672200/233293852879120_v2.jpg@!wmlogo' alt='' /></div>
          </Carousel>
          <img src={require('./../img/img99.png') } alt ='' style= {{ marginLeft:'15px',float:'left',width:'475px',height:'280px'}}/>
          {/* <img src={require('./../img/img98.png') } alt ='' style= {{ marginTop:'25px',float:'left',width:'960px',height:'265px'}}/>
          <img src={require('./../img/img97.jpg') } alt ='' style= {{ marginTop:'25px',float:'left',width:'960px',height:'265px'}}/>
          <img src={require('./../img/img96.jpg') } alt ='' style= {{ marginTop:'25px',float:'left',width:'960px',height:'265px'}}/> */}
         <div className='huodongContain'>
         <HuodongPicture />
         <HuodongPicture />
         <HuodongPicture />
         <HuodongPicture />
         </div>
         <div className='huodongContain'>
         <HuodongPicture />
         <HuodongPicture />
         <HuodongPicture />
         <HuodongPicture />
         </div>
        </div>
        </div>
    );
  }
}

export default App;
